<!--
 * @Description: 
 * @Date: 2023-03-08 10:07:44
 * @LastEditors: czp
 * @LastEditTime: 2023-04-21 15:04:54
-->
<template>
	<div class="farming">
		<div class="list">
			<VideoCard :video="item" v-for="(item, index) in list" :key="index" />
		</div>
	</div>
</template>
<script setup lang="ts" name="Farming">
import VideoCard from "~C/VideoCard/index.vue";
import { useBaseStore } from "@/store/base";

const { cosPrefix } = useBaseStore();
const list = [
	{ title: "花椒修枝", img: cosPrefix + "three-level/xianglv/nongzuonongshi/1.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V1.mp4" },
	{ title: "烤烟种植", img: cosPrefix + "three-level/xianglv/nongzuonongshi/2.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V2.mp4" },
	{ title: "稻田丰收", img: cosPrefix + "three-level/xianglv/nongzuonongshi/3.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V3.mp4" },
	{ title: "耕地播种", img: cosPrefix + "three-level/xianglv/nongzuonongshi/4.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V4.mp4" },
	{ title: "采摘葡萄", img: cosPrefix + "three-level/xianglv/nongzuonongshi/5.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V5.mp4" },
	{ title: "采摘桃子", img: cosPrefix + "three-level/xianglv/nongzuonongshi/6.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V6.mp4" },
	{ title: "采摘沃柑", img: cosPrefix + "three-level/xianglv/nongzuonongshi/7.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V7.mp4" },
	{ title: "沉浸式砌墙", img: cosPrefix + "three-level/xianglv/nongzuonongshi/8.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V8.mp4" },
	{ title: "无有图书馆之休闲时光", img: cosPrefix + "three-level/xianglv/nongzuonongshi/9.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V9.mp4" },
	{ title: "竹编-编制快乐", img: cosPrefix + "three-level/xianglv/nongzuonongshi/10.png", src: cosPrefix + "/video/xianglv/V8.mp4" },
	{ title: "贝纳利车友会", img: cosPrefix + "three-level/xianglv/nongzuonongshi/11.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V11.mp4" },
	{ title: "篝火晚会", img: cosPrefix + "three-level/xianglv/nongzuonongshi/12.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V12.mp4" },
	{ title: "快乐歌唱", img: cosPrefix + "three-level/xianglv/nongzuonongshi/13.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V13.mp4" },
	{ title: "蒲叶吹奏", img: cosPrefix + "three-level/xianglv/nongzuonongshi/14.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V14.MP4" },
	{ title: "亲子活动", img: cosPrefix + "three-level/xianglv/nongzuonongshi/15.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V15.mp4" },
	{ title: "田蜜射击", img: cosPrefix + "three-level/xianglv/nongzuonongshi/16.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V16.mp4" },
	{ title: "雪中作乐", img: cosPrefix + "three-level/xianglv/nongzuonongshi/17.png", src: cosPrefix + "three-level/xianglv/nongzuonongshi/V17.mp4" }
];
</script>
<style lang="scss" scoped>
.list {
	display: flex;
	flex-wrap: wrap;
	padding: 40px 320px;
	padding-top: 0;
}

@media all and (max-width: 750px) {
	.list {
		padding: 16px;
	}
}
</style>
